<template>
  <div class="m-order">
    <ul>
      <li v-if="cur.length">
        <el-row v-for="(item,idx) in cur" :key="idx">
          <el-col :span="4">
            <img :src="item.img" alt>
          </el-col>
          <el-col :span="10">
            <h4>{{item.name}}</h4>
            <p>数量:{{item.count}}</p>
          </el-col>

          <el-col :span="4">总价: ￥{{item.total}}</el-col>
          <el-col :span="6">{{item.statusTxt}}</el-col>
        </el-row>
      </li>

      <li v-else class="empty">没有订单</li>
    </ul>
  </div>
</template>

<script>
export default {
  props:{
    cur:Array,
    default(){
      return []
    }
  }
}
</script>

<style lang="scss">
// @import "@/assets/css/order/index.scss"
</style>